home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Equivalents / img-resizer.izs < prev    next >
Text File  |  2005-09-27  |  8KB  |  269 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Image Resizer
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Browse your computer for an image and this script will tell you its size!<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Equivalents<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- HOW TO INSTALL IMAGE RESIZER:
  14.  
  15.   1.  Copy code into the HEAD section of document
  16.   2.  Add the onLoad event handler into the BODY tag
  17.   3.  Put last coding into the BODY section of document  -->
  18.  
  19. <!-- STEP ONE: Add code into HEAD section of document  -->
  20.  
  21. <HEAD>
  22.  
  23. <style>
  24.  .divstyle{position:absolute; width="0";height:"0"}
  25. </style>
  26.  
  27. <SCRIPT LANGUAGE="JavaScript">
  28.  
  29.  
  30.  
  31. <!-- Begin
  32. function showimg(form)
  33. {
  34. adres = form.image_file.value;
  35. index = adres.indexOf(".gif");
  36. index = index + adres.indexOf(".jpg");
  37. index = index + adres.indexOf(".bmp");
  38. if (form.image_file.value == "")
  39.   {alert("No Image found!");}
  40. else
  41.   {if (index == -3){alert("Unknow image type");
  42.     form.width.value=0;
  43.     form.height.value=0;}
  44.   else
  45.     {
  46.     var img_obj = new Image();
  47.     img_obj = form.image_file.value;
  48.     document.changing.src = img_obj;
  49.     document.changing2.src= img_obj;
  50.     document.changing.width = document.changing2.width;
  51.     document.changing.height = document.changing2.height;
  52.     set();
  53. }
  54.   }
  55. }
  56. fast = 0;
  57. change = 0;
  58. function upw(){
  59.   document.image.width.value=parseInt(document.image.width.value)+1;
  60.   resize();}
  61. function over_upw(){upw();
  62.   change = 1;
  63.   changetime = setTimeout("fast_upw()","600");}
  64. function fast_upw(){clearTimeout(changetime);
  65.   upw();
  66.   fast = setTimeout("fast_upw()","100");}
  67. function clt(){
  68. if (change == 1){clearTimeout(changetime);}
  69. clearTimeout(fast);
  70. change = 0;
  71. }
  72. function resize()  {document.changing.height = document.image.height.value;
  73.   document.changing.width = document.image.width.value;}
  74. function downw(){document.image.width.value=parseInt(document.image.width.value)-1;
  75.   resize();}
  76. function over_downw(){downw();
  77.   change = 1;
  78.   changetime = setTimeout("fast_downw()","600");}
  79. function fast_downw(){clearTimeout(changetime);
  80.   downw();
  81.   fast = setTimeout("fast_downw()","100");}
  82. function uph(){document.image.height.value=parseInt(document.image.height.value)+1;
  83.  resize();}
  84. function over_downh(){downh();
  85.   change = 1;
  86.   changetime = setTimeout("fast_downh()","600");}
  87. function fast_downh(){clearTimeout(changetime);
  88.   downh();
  89.   fast = setTimeout("fast_downh()","100");}
  90. function over_uph(){uph();
  91.   change = 1;
  92.   changetime = setTimeout("fast_uph()","600");}
  93. function fast_uph(){clearTimeout(changetime);
  94.   uph();
  95.   fast = setTimeout("fast_uph()","100");}
  96. function downh(){document.image.height.value=parseInt(document.image.height.value)-1;
  97.   resize();}
  98. function set(){
  99.   document.image.width.value=document.changing.width;
  100.   document.image.height.value=document.changing.height;}
  101. //  End -->
  102. </script>
  103.  
  104. </HEAD>
  105.  
  106. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  107.  
  108. <BODY onLoad="set()">
  109.  
  110. <!-- STEP THREE: Copy code into BODY section of document  -->
  111.  
  112. <center>
  113. <form name="image">
  114. <input type="file" name="image_file"><br><br>
  115. <input type="button" name="show" value="Show image" onclick="showimg(this.form)">
  116. <br><br>
  117. Width   Heigth
  118. <br><img src="/img/image-resizer/up.gif" onmousedown="over_upw()" onmouseup="clt()">
  119. <img src="/img/image-resizer/down.gif" onmousedown="over_downw()" onmouseup="clt()">
  120. <input type="text" name="width" size="4" readonly>
  121. <input type="text" name="height" size="4" readonly>
  122. <img src="/img/image-resizer/up.gif" onmousedown="over_uph()" onmouseup="clt()" >
  123. <img src="/img/image-resizer/down.gif" onmousedown="over_downh()" onmouseup="clt()">
  124. <br><br>
  125. <table border ="2">
  126. <tr><td>
  127. <img src="/img/image-resizer/1.gif" name="changing">
  128. </td></tr></table>
  129. </form>
  130. <div STYLE="left:-5000 px;top:0" class="divstyle">
  131. <P ><img src="/img/image-resizer/1.gif" name="changing2"></p>
  132. </div>
  133. </center>
  134.  
  135. <!-- END OF SCRIPT -->
  136. <!/SCRIPT>
  137.  
  138. <!PREVIEW>
  139. <!-- START OF SCRIPT -->
  140.  
  141.  
  142. <!-- HOW TO INSTALL IMAGE RESIZER:
  143.  
  144.   1.  Copy code into the HEAD section of document
  145.   2.  Add the onLoad event handler into the BODY tag
  146.   3.  Put last coding into the BODY section of document  -->
  147.  
  148. <!-- STEP ONE: Add code into HEAD section of document  -->
  149.  
  150. <HEAD>
  151.  
  152. <style>
  153.  .divstyle{position:absolute; width="0";height:"0"}
  154. </style>
  155.  
  156. <SCRIPT LANGUAGE="JavaScript">
  157.  
  158.  
  159.  
  160. <!-- Begin
  161. function showimg(form)
  162. {
  163. adres = form.image_file.value;
  164. index = adres.indexOf(".gif");
  165. index = index + adres.indexOf(".jpg");
  166. index = index + adres.indexOf(".bmp");
  167. if (form.image_file.value == "")
  168.   {alert("No Image found!");}
  169. else
  170.   {if (index == -3){alert("Unknow image type");
  171.     form.width.value=0;
  172.     form.height.value=0;}
  173.   else
  174.     {
  175.     var img_obj = new Image();
  176.     img_obj = form.image_file.value;
  177.     document.changing.src = img_obj;
  178.     document.changing2.src= img_obj;
  179.     document.changing.width = document.changing2.width;
  180.     document.changing.height = document.changing2.height;
  181.     set();
  182. }
  183.   }
  184. }
  185. fast = 0;
  186. change = 0;
  187. function upw(){
  188.   document.image.width.value=parseInt(document.image.width.value)+1;
  189.   resize();}
  190. function over_upw(){upw();
  191.   change = 1;
  192.   changetime = setTimeout("fast_upw()","600");}
  193. function fast_upw(){clearTimeout(changetime);
  194.   upw();
  195.   fast = setTimeout("fast_upw()","100");}
  196. function clt(){
  197. if (change == 1){clearTimeout(changetime);}
  198. clearTimeout(fast);
  199. change = 0;
  200. }
  201. function resize()  {document.changing.height = document.image.height.value;
  202.   document.changing.width = document.image.width.value;}
  203. function downw(){document.image.width.value=parseInt(document.image.width.value)-1;
  204.   resize();}
  205. function over_downw(){downw();
  206.   change = 1;
  207.   changetime = setTimeout("fast_downw()","600");}
  208. function fast_downw(){clearTimeout(changetime);
  209.   downw();
  210.   fast = setTimeout("fast_downw()","100");}
  211. function uph(){document.image.height.value=parseInt(document.image.height.value)+1;
  212.  resize();}
  213. function over_downh(){downh();
  214.   change = 1;
  215.   changetime = setTimeout("fast_downh()","600");}
  216. function fast_downh(){clearTimeout(changetime);
  217.   downh();
  218.   fast = setTimeout("fast_downh()","100");}
  219. function over_uph(){uph();
  220.   change = 1;
  221.   changetime = setTimeout("fast_uph()","600");}
  222. function fast_uph(){clearTimeout(changetime);
  223.   uph();
  224.   fast = setTimeout("fast_uph()","100");}
  225. function downh(){document.image.height.value=parseInt(document.image.height.value)-1;
  226.   resize();}
  227. function set(){
  228.   document.image.width.value=document.changing.width;
  229.   document.image.height.value=document.changing.height;}
  230. //  End -->
  231. </script>
  232.  
  233. </HEAD>
  234.  
  235. <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  236.  
  237. <BODY onLoad="set()">
  238.  
  239. <!-- STEP THREE: Copy code into BODY section of document  -->
  240.  
  241. <center>
  242. <form name="image">
  243. <input type="file" name="image_file"><br><br>
  244. <input type="button" name="show" value="Show image" onclick="showimg(this.form)">
  245. <br><br>
  246. Width   Heigth
  247. <br><img src="/img/image-resizer/up.gif" onmousedown="over_upw()" onmouseup="clt()">
  248. <img src="/img/image-resizer/down.gif" onmousedown="over_downw()" onmouseup="clt()">
  249. <input type="text" name="width" size="4" readonly>
  250. <input type="text" name="height" size="4" readonly>
  251. <img src="/img/image-resizer/up.gif" onmousedown="over_uph()" onmouseup="clt()" >
  252. <img src="/img/image-resizer/down.gif" onmousedown="over_downh()" onmouseup="clt()">
  253. <br><br>
  254. <table border ="2">
  255. <tr><td>
  256. <img src="/img/image-resizer/1.gif" name="changing">
  257. </td></tr></table>
  258. </form>
  259. <div STYLE="left:-5000 px;top:0" class="divstyle">
  260. <P ><img src="/img/image-resizer/1.gif" name="changing2"></p>
  261. </div>
  262. </center>
  263.  
  264.  
  265. <!-- END OF SCRIPT -->
  266. <!/PREVIEW>
  267.  
  268. <!RELATED>NONE<!/RELATED>
  269.